:root {
    --primary-color: #007bff;
    --table-title-font-size: 18px;
    --table-title-font-color: #E2FFFF;
    --table-font-size: 16px;
    --table-font-color: #cfffff;
    }

/* 公共样式 */
/* ----------------el-checkbox------------------- */
.comStyle .el-checkbox {
    margin-top: 5px;
    margin-bottom: 5px;
}

.comStyle .el-checkbox__label,
.comStyle .el-checkbox__input.is-checked+.el-checkbox__label {
    font-size: 16px;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: var(--table-font-color);
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}
// .el-date-editor .el-range-separator{
//     color:#CFFFFF
// }
.comStyle .el-checkbox__inner {
    background-color: transparent;
    border: 1px solid #4FB5A4;
}

.comStyle .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: transparent;
    border-color: #4FB5A4;
}

.comStyle .el-checkbox__inner::after {
    box-sizing: content-box;
    content: "";
    border: 1px solid #49FFFF;
    background: #49FFFF;
    height: 6px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 6px;
    transition: transform .15s ease-in .05s;
    transform-origin: center;
}

.comStyle .el-checkbox__input.is-checked .el-checkbox__inner::after {
    transform: rotate(90deg) scaleY(1);
}

/* --------------------------el-table-------------------------- */
.dialogTable.el-table {
    background: transparent;
    color: var(--table-title-font-color);
}

.dialogTable.el-table th.el-table__cell {
    text-align: center;
    color: var(--table-title-font-color) !important;
}

/* 表头字体大小 、表格内容字体大小*/
.dialogTable.el-table th.el-table__cell>.cell {
    font-size: 16px;
    font-weight: 500;
    font-family: "PingFangSC-Medium, PingFang SC";
}

/* 表格内容字体大小 */
.dialogTable.el-table td.el-table__cell div {
    font-size: 16px;
    font-weight: 500;
}

.dialogTable.el-table td.el-table__cell{
    border-bottom: none;
}

.dialogTable.el-table::before {
    display: none;
}

.dialogTable.el-table tr,
.dialogTable.el-table thead tr {
    background: transparent;
}
.dialogTable.el-table thead tr{
    /* background: rgba(81, 117, 126, 1); */
    border-radius: 5px;
}

.dialogTable.el-table thead tr>th {
    background: transparent;
    padding: 0px 0 0px 0;
    line-height: 35px;
}

/* 鼠标移入 */
.dialogTable.el-table--enable-row-hover .el-table__body tr:hover>td {
    cursor: pointer;
    background-color: rgba(61, 112, 114, 0.50) !important;
    border-color: transparent;
}

.dialogTable.el-table--enable-row-hover .el-table__body tr:hover {
    box-shadow: 0px 0px 0px 0px transparent;
}


/* 表头的下划线 */
.dialogTable.el-table th.el-table__cell.is-leaf {
    border-bottom: transparent;
}


/* 以下代码是实现边框效果 */
.dialogTable .el-table thead th {
    border-bottom: transparent;
}

/* 上下边框 */
.dialogTable .el-table__row td {
    font-weight: 400;
    padding: 5px 0;
    border-top: none;
    border-bottom: none;
}

/* 左侧边框 */
.dialogTable .el-table__row td:first-child {
    border-left: none;
}

/* 右侧边框 */
.dialogTable .el-table__row>td:last-child {
    border-right: none;
}

.dialogTable .el-table__fixed::before {
    display: none;
}


/* 弹窗里table表头的背景 */
.dialogTable.el-table thead {
    background: linear-gradient(360deg, rgba(20, 124, 118, .3) 0%, rgba(47, 82, 80, 0) 100%);
    box-shadow: 0px 1px 0px 0px #38D8BF;
}


/* 弹窗里table表头的下划线 */
.dialogTable .el-table__header-wrapper {
    border: 2px solid rgba(47, 117, 137, 0.60);
    border-radius: 5px;
    box-sizing: border-box;
}

/* 弹窗里table  行背景色 */
.dialogTable.el-table--enable-row-hover .el-table__body tr {
    background: rgba(0, 71, 73, 0.2);
    border-radius: 5px;
}
.dialogTable.el-table--enable-row-hover .el-table__body tr:nth-child(even) {
    background: rgba(0, 71, 73, 0.8);
}

/* 弹窗里table  表头下内边距、去除左右间距 */
.dialogTable.el-table th.el-table__cell>.cell {
    padding-bottom: 4px;
    padding-left: 2px;
    padding-right: 2px;
}

/* el-table 列数据为空自动显示 -- */
.el-table .el-table__body td .cell:empty::after,
.el-table .el-table__body td .cell>span:empty::after,
.el-table .el-table__body td .cell .approval:empty::after,
.el-table .el-table__body td .cell div:empty::after,
.el-table .el-table__body td .cell .line-limit-length:empty::after {
    content: "--";
}

.dialogTable {
    // 多级表头样式
    &.multistageHead{
        border: none;
        thead {
            background: url('@/assets/image/facts/person/tabelTitle.png') no-repeat;
            // background-position-y: -1px;
            background-size: 100% 100%;
            box-sizing: border-box;
        }
        thead.is-group th.el-table__cell{
            background: transparent;
        }
        .el-table__header-wrapper{
            border: none;
        }
        th.el-table__cell{
            border: none;
            border-bottom: 1px solid #2D645C;
            border-left: 1px solid #2D645C;
        }
         td.el-table__cell{
            border-bottom: 1px solid #2D645C;
        }
        .el-table__cell{
            border-right: 1px solid #2D645C;
        }
        .el-table__body tr:nth-child(even) {
            background: rgba(0, 71, 73, 0.2);
        }
        &::after, .el-table--group::after{
            width: 0px;
        }
        // thead:nth-child(2){
        //     background: #000;
        //     border: 1px solid #8ff0e1
        //     th{
        //         border-top: 1px solid #8ff0e1;
        //         border-bottom: 1px solid #8ff0e1;

        //     };
        // }
    }
    // 四预表格样式
    &.fourPreTable{
        // .el-table thead.is-group th.el-table__cell
        border: none;
        .el-table__header-wrapper{
            border: none;
            border-radius: 0 !important;
            thead.is-group {
                background: rgba(10, 80, 105, .68);
                box-sizing: border-box;
                th {
                    background: rgba(10, 80, 105, .68);
                    line-height: 36px;
                }
            }
        }
        td.el-table__cell{
            height: 55px;
        }
        &.el-table--enable-row-hover .el-table__body tr {
            background: url('@/assets/image/prediction/table-bg.png') no-repeat;
            background-size: 100% 100%;
            border-radius: 5px;
        }
        .el-table__cell{
            border: none;
        }
        &::after, .el-table--group::after{
            width: 0px;
        }
        th.el-table__cell.gutter:last-of-type{
            border-bottom-width: 0px;
        }
        .multistageHeadCell{
            // border: 1px solid #49FFFF;
            border-top: none;
        }

        /* 垂直间距 设置的是行间距 */
        .el-table__body {
            -webkit-border-vertical-spacing: 10px;
        }
    }
    // #2D645C
}

// // 左侧面板表格样式
// .leftTable{
//     &.el-table {
//       background-color: transparent;
//       .el-table__body {
//         width: 100% !important;
//       }
//     }

//     &.el-table::before {
//       background-color: transparent;
//     }

//     &.el-table .el-table__row {
//       background-color: transparent;
//       background: url("@/assets/image/facts/table-row-bg.png") no-repeat !important;
//       background-size: contain !important;
//       background-position-y: 18px !important;
//       color: #cfffff;
//     }
//     &.el-table .el-table__row:hover {
//       background: url("@/assets/image/facts/1.png") no-repeat;
//       background-size: contain;
//       background-position-y: 20px;
//     }
//     .current-row {
//       background: url("@/assets/image/facts/1.png") no-repeat;
//       background-size: contain;
//       background-position-y: 20px;
//     }

//     &.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
//       border-bottom: 1px solid transparent;
//       background-color: transparent !important;
//     }

//     &.el-table tbody tr:hover > td {
//       background-color: transparent !important;
//     }

//     .gutter {
//       background-color: transparent !important;
//     }
//     .el-table__body-wrapper {
//       height: 100%;
//     }
//     .el-table__header-wrapper {
//         border: 0px solid rgba(47, 117, 137, 0);
//         box-sizing: border-box;
//     }
//     &.el-table .el-table__header-wrapper{
//         background-color: transparent;
//         background:url("@/assets/image/facts/table-header.png") no-repeat;
//         background-size: 100% 100%;
//         color:#E2FFFF;
//         border-radius: 0px !important;
//     }
//     &.el-table thead tr > th{
//         height:47px;
//         font-size:16px;
//         padding:0;
//         background-color:transparent;
//         border-bottom:none;
//     }
//     &.el-table .el-table__body-wrapper .cell{
//         height: 38px;
//         box-sizing: border-box;
//     }

// }



.el-select__tags .el-tag--info {
    background-color: rgba(255, 255, 255, 0.20);
    color: #fefefe;
    line-height: 24px;
    border-color: transparent;
}

.el-select .el-tag__close.el-icon-close {
    background-color: rgba(255, 255, 255, 1);
    color: #000;
}
// el日期选择器
.el-date-editor {
    .el-range-input{
        color: rgba(246, 255, 255, 1) !important;
    }
    .el-range-separator{
        color: #fefefe !important;
        line-height: 20px !important;
    }
}
.el-date-editor--datetimerange.el-input__inner{
    width: 344px;
}
/* 占位符样式 */
input::-webkit-input-placeholder {
color: rgba(226, 255, 255, .9) !important;
font-size: 14px;
}
